export const constantRoutes = [
    {
        path: '/login', component: () => import('@/views/login/index.vue'),
        name: 'login', meta: { title: '登录', hidden: true }
    },
    {
        path: '/', component: () => import('@/components/layout/index.vue'),
        name: 'layout', meta: { hidden: false },
        redirect: '/home',
        children: [
            {
                path: '/home', component: () => import('@/views/home/index.vue'),
                name: 'Home', meta: { title: '首页', hidden: false, icon: 'House' }
            }
        ]
    },
    {
        path: '/screen', component: () => import('@/views/screen/index.vue'),
        name: 'Screen', meta: { title: '数据大屏', hidden: false, icon: 'FullScreen' }
    },
    {
        path: '/404', component: () => import('@/views/404/index.vue'),
        name: '404', meta: { title: '404', hidden: true }
    }
]

export const asyncRoutes = [
    {
        path: '/admin', component: () => import('@/components/layout/index.vue'),
        name: 'Admin', meta: { title: '权限管理', hidden: false, icon: 'Setting' },
        redirect: '/admin/permission',
        children: [
            {
                path: '/admin/permission', component: () => import('@/views/admin/permission/index.vue'),
                name: 'Permission', meta: { title: '菜单管理', hidden: false, icon: 'User' }
            },
            {
                path: '/admin/user', component: () => import('@/views/admin/user/index.vue'),
                name: 'User', meta: { title: '用户管理', hidden: false, icon: 'User' }
            },
            {
                path: '/admin/role', component: () => import('@/views/admin/role/index.vue'),
                name: 'Role', meta: { title: '角色管理', hidden: false, icon: 'User' }
            }
        ]
    },
    {
        path: '/product', component: () => import('@/components/layout/index.vue'),
        name: 'Product', meta: { title: '商品管理', hidden: false, icon: 'Goods' },
        redirect: '/product/trademark',
        children: [
            {
                path: '/product/trademark', component: () => import('@/views/product/trademark/index.vue'),
                name: 'Trademark', meta: { title: '品牌管理', hidden: false, icon: 'ShoppingCartFull' },
            },
            {
                path: '/product/attr', component: () => import('@/views/product/attr/index.vue'),
                name: 'Attr', meta: { title: '属性管理', hidden: false, icon: 'ChromeFilled' },
            },
            {
                path: '/product/spu', component: () => import('@/views/product/spu/index.vue'),
                name: 'Spu', meta: { title: 'Spu管理', hidden: false, icon: 'Calendar' },
            },
            {
                path: '/product/sku', component: () => import('@/views/product/sku/index.vue'),
                name: 'Sku', meta: { title: 'Sku管理', hidden: false, icon: 'Orange' },
            },
        ]
    },
]

export const anyRoutes = [
    {
        path: '/:pathMatch(.*)*',
        redirect: '/404',
        name: 'Any',
        meta: { hidden: true }
    }
]